<%-- 
    Document   : paciente
    Created on : 07/11/2014, 02:14:22 PM
    Author     : leonhart
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="css/jquery-ui.css">
        <link rel="stylesheet" href="css/cpaciente.css" type="text/css">
        <script src="js/jquery.js"></script>
        <script src="js/jquery-ui.js"></script>
        <script>
            $(function() {
                var tabs = $("#tabs").tabs();
                tabs.find(".ui-tabs-nav").sortable({
                    axis: "x",
                    stop: function() {
                        tabs.tabs("refresh");
                    }
                });
            });
        </script><title>Alta Paciente</title>
         
</head>
<body>
<center>
    <h1>ACTUALIZACION DEL PACIENTE</h1><table>
            <script>
            var meses = new Array("Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre");
            var diasSemana = new Array("Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado");
            var f = new Date();
            document.write(diasSemana[f.getDay()] + ", " + f.getDate() + " de " + meses[f.getMonth()] + " de " + f.getFullYear());
        </script>
        <table width="80%">
            <tr>
                <td>
            <center>
                <form>
                    <div class="div" id="tabs">
                        <ul>
                            <li><a href="#tabs-1">ACTUALIZA TUS DATOS</a></li>
                            <li><a href="#tabs-2">VER DIETA</a></li>
                        </ul>
                        <div class="div" id="tabs-1">
                            <h1>ACTUALIZA TUS DATOS</h1>
                            <table width="90%">
                                <center></center>
                                <tr><td>Altura:</td>
                                    <td><input type='text' placeholder="altura" name="altura" class="" required="on" autocomplete="off"</td>
                                </tr>
                                <tr>
                                    <td>Peso:</td>
                                    <td><input type='text' placeholder="peso" name="peso" class="" required="on" autocomplete="off"</td>
                                </tr>
                                <tr>
                                    <td>Fecha:</td>
                                    <td><input type='text' placeholder="fecha" name="fecha" class="" required="on" autocomplete="off"</td>
                                </tr>
                                <tr>
                                    <td><br/></td>
                                </tr>
                                <tr>
                                    <td>Especificaciones:</td>
                                </tr>
                                <tr>
                                    <td><input type='text' placeholder="dieta" name="fecha" class="" required="on" autocomplete="off"</td>
                                    <td><input type='text' placeholder="nueva dieta" name="fecha" class="" required="on" autocomplete="off"</td>
                                </tr>
                                <tr>
                                    <td>Turno Deseado:</td>
                                </tr><tr>
                                    <td>Matutino  (10 a 12 am.):<input type="radio" name="turno" value="matutino" required="on" autocomplete="off"/>
                                    <td>Vespertino  (4 a 7 pm):<input type="radio" name="turno" value="vespertino" required="on" autocomplete="off"/></td>
                                </tr>
                                <tr><td><br/></td></tr>
                            </table>
                       </div>
                        <div class="div" id="tabs-2">
                        <table width="90%">
                                <tr>
                                    <td>Tipo de dieta:</td>
                                    <td><input type='text' placeholder="tipo dieta" name="tipo dieta" class="" required="on" autocomplete="off"</td>
                                </tr>
                                <tr>
                                    <td>Nombre:</td>
                                    <td><input type='text' placeholder="nombre" name="nombre" class="" required="on" autocomplete="off"</td>
                                </tr>
                                <tr>
                                    <td>Especificaciones(calorias):</td>
                                    <td><input type='text' placeholder="especificaciones" name="especificaciones" class="" required="on" autocomplete="off"</td>
                                </tr>
                                <tr><td><br/></td>
                                </tr>
                                <tr>
                                    <td>Resumen de dieta, alimentos y porciones :</td>
                                </tr>
                                <tr>
                                    <td><input type='text' placeholder="rsumen" name="resumen" class="" required="on" autocomplete="off"</td>
                                </tr>
                            </table>
                        <br/><input class="testbutton" type="submit" value="Enviar" /></div></div>
                        
                </form>
            </center>
        </td>
</tr></table>
</center>
</body>
</html>

